/**
 * Element Plus 按需引入配置
 * 使用自动导入优化打包体积
 */

import type { App } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import zhCn from 'element-plus/es/locale/lang/zh-cn'

// 自动导入图标组件
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

export function registerElementPlus(app: App) {
  // 注册 Element Plus
  app.use(ElementPlus, {
    locale: zhCn,
    // size: 'default', // 全局组件尺寸
    // zIndex: 3000, // 全局z-index
  })

  // 注册所有图标组件
  for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
  }
}
